<template>
  <div>
    <van-tabs v-model:active="active">
      <van-tab title="待使用" :name="1">
        <div v-for="item in jobs.filter((item) => item.status === 1)" :key="item.id"></div>
      </van-tab>
      <van-tab title="已使用" :name="2">
        <div v-for="item in jobs.filter((item) => item.status === 2)" :key="item.id"></div>
      </van-tab>
      <van-tab title="已过期" :name="3">
        <div v-for="item in jobs.filter((item) => item.status === 3)" :key="item.id"></div>
      </van-tab>
    </van-tabs>
    <van-empty description="暂无优惠券" v-if="!jobs.length" />
  </div>
</template>

<script setup>
import { ref } from 'vue'
const active = ref(1)
const jobs = ref([])
</script>

<style lang="less" scoped></style>
